<template>
  <div id="app">
    <!--<a href="sign.html">注册</a>-->
    <vheader></vheader>
    <result></result>
    <div class="tab">
      <div class="tab-item">
        <router-link to="/lottery">开奖结果</router-link>
      </div>
      <div class="tab-item">
        <router-link to="/top">龙虎榜</router-link>
      </div>
      <div class="tab-item">
        <router-link to="/trend">位置走势图</router-link>
      </div>
    </div>
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
    <vfooter></vfooter>
  </div>
</template>

<script type="text/ecmascript-6">
  import vheader from 'components/header/vheader'
  import result from 'components/result/result'
  import vfooter from 'components/footer/vfooter'

  // 代理跨域
  // const API_PROXY = 'https://bird.ioliu.cn/v1/?url='

  export default {
    data() {
      return {
        data: []
      }
    },
    created() {
      // // this.$http.get(API_PROXY + 'http://zdssc.hiberbest.com/public/index.php').then((res) => {
      // this.$http.get('http://zdssc.hiberbest.com/public/index.php').then((res) => {
      //   console.log(res)
      //   this.data = res.data
      //   // console.log(this.date)
      // }).catch((error) => {
      //   console.log(error)
      // })
    },
    components: {
      vheader,
      result,
      vfooter
    }
  }
</script>

<style scoped lang="less" rel="stylesheet/less">
  .tab {
    display: flex;
    height: 50px;
    line-height: 50px;
    margin-left: 2%;
    text-align: center;
    .tab-item {
      flex: 33%;
      & > a {
        color: black;
        font-size: 14px;
        &.active {
          color: cornflowerblue;
          border-bottom:2px cornflowerblue solid ;
        }
      }
    }
  }
</style>
